﻿@import url('Base.css');
.gallery { padding: 10px 0 100px 0; }
.galleryBox { width: 780px; height: 450px; background: #fa0000; margin: 10px auto; }

.galleryNav { position: relative; width: 780px; height: 160px; margin: 10px auto; border-top: 3px solid #fff; }
.gbtn { position: absolute; top: 0px; width: 20px; height: 160px; line-height: 160px; text-align: center; cursor: pointer; background: #fff; color: #000; }
    .gbtn:hover,.galleryNav .end { background: #808080; color: #3d3d3d; }
.prev { left: 0px; }
.next { right: 0px; }
.gnavBox { position:relative; width: 740px; height: 160px; margin: 0 auto; overflow:hidden; }
.galleryNav ul {position:absolute; left:0px; top:0px; font-size: 0px; letter-spacing: -5px; word-spacing: -1px; white-space:nowrap; margin:0 0 0 2px; }
    .galleryNav ul li { display: inline-block; *display: inline; *zoom: 1; list-style: none; width: 143px; height: 160px; margin:0 5px 0 0; line-height: 160px; cursor: default; font-size: 12px; letter-spacing: normal; vertical-align: top; word-spacing: normal; }
        .galleryNav ul li * { vertical-align: middle; }
